<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <!-- MOTW-DISABLED saved from url=(0014)about:internet -->
    <title>Enlarge the chart and preview the report</title>
    <link rel="StyleSheet" href="css/ChartBasics.css" type="text/css" media="all" />
    <link rel="StyleSheet" href="css/webworks.css" type="text/css" media="all" />
    <link rel="StyleSheet" href="webworks.css" type="text/css" media="all" />
    <script type="text/javascript" language="JavaScript1.2">
      <!--
        var  WebWorksRootPath = "";
      // -->
    </script>
  </head>
  <body>
    <div style="text-align: left;">
      <table cellspacing="0" summary="">
        <tr>
          <td>
            <a href="ch-TutT3ProvideDataForAChart.html"><img src="images/prev.gif" alt="Previous" border="0" /></a>
          </td>
          <td>
            <a href="ch-TutT5ChangeChartAndValueSeriesTitles.html"><img src="images/next.gif" alt="Next" border="0" /></a>
          </td>
        </tr>
      </table>
    </div>
    <hr align="left" />
    <blockquote>
      <h3 class="N_TutorialTask">Task 4:&nbsp;&nbsp;<a name="247289">Enlarge the chart and preview the report</a></h3>
      <p class="b_Body"><a name="247380">You usually need to enlarge a chart after you finish designing it in the chart builder. The size of the default pie chart cannot accommodate all the Classic Model data, so you resize the chart in the layout editor. You need to look at a preview in the report editor to ensure that the size of the chart is appropriate. </a></p>
      <div class="N_n1_NumList1_outer" style="margin-left: 0pt">
        <table border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
          <tr style="vertical-align: baseline">
            <td>
              <div class="N_n1_NumList1_inner" style="width: 14.1732283464567pt; white-space: nowrap">
                <span class="zAuto_0023Format">1&nbsp;&nbsp;</span>
              </div>
            </td>
            <td width="100%">
              <div class="N_n1_NumList1_inner"><a name="404163">To close the chart builder, choose Finish. The chart element appears in the layout editor, as shown in </a><a href="#404190" title="Enlarge the chart and preview the report">Figure&nbsp;13-8</a>.</div>
            </td>
          </tr>
        </table>
      </div>
      <p class="i2_Image2"><a name="404188"><img class="Default" src="images/ChartBasics.13.6.1.png" style="display: inline; float: none; left: 0.0; top: 0.0" alt="Figure 13-8 Chart element displayed in the layout editor" /></a></p>
      <div class="fc2_FigCall2Title">
        <b class="Bold">Figure&nbsp;13-8&nbsp;&nbsp;</b><a name="404190">Chart element displayed in the layout editor</a></div>
      <div class="N_n1_NumList1_outer" style="margin-left: 0pt">
        <table border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
          <tr style="vertical-align: baseline">
            <td>
              <div class="N_n1_NumList1_inner" style="width: 14.1732283464567pt; white-space: nowrap">
                <span class="zAuto_0023Format">2&nbsp;&nbsp;</span>
              </div>
            </td>
            <td width="100%">
              <div class="N_n1_NumList1_inner"><a name="389033">Choose Preview to preview the report in the report editor. The chart appears small, relative to the report page. Also in this case, the chart element is too small to accommodate all the legend data. The preview truncates the some of the labels and you cannot see Vintage Cars at all, as shown in <a href="#389011" title="Enlarge the chart and preview the report">Figure&nbsp;13-9</a>.</a></div>
            </td>
          </tr>
        </table>
      </div>
      <p class="i2_Image2"><a name="247470"><img class="Default" src="images/CHT_previewSmall.png" style="display: inline; float: none; left: 0.0; top: 0.0" alt="Figure 13-9 Previewing cramped chart before enlargement" /></a></p>
      <div class="fc2_FigCall2Title">
        <b class="Bold">Figure&nbsp;13-9&nbsp;&nbsp;</b><a name="389011">Previewing cramped chart before enlargement</a></div>
      <div class="N_n1_NumList1_outer" style="margin-left: 0pt">
        <table border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
          <tr style="vertical-align: baseline">
            <td>
              <div class="N_n1_NumList1_inner" style="width: 14.1732283464567pt; white-space: nowrap">
                <span class="zAuto_0023Format">3&nbsp;&nbsp;</span>
              </div>
            </td>
            <td width="100%">
              <div class="N_n1_NumList1_inner"><a name="389013">To make the chart bigger so that all the data is visible and not so cramped, choose Layout, and enlarge the chart element to approximately 5 inches wide and 3 inches tall. To enlarge the chart, select it, then drag the handles that appear in the borders of the chart element, as shown in </a><a href="#389003" title="Enlarge the chart and preview the report">Figure&nbsp;13-10</a>.</div>
            </td>
          </tr>
        </table>
      </div>
      <p class="i2_Image2"><a name="168906"><img class="Default" src="images/ChartBasics.13.6.3.png" style="display: inline; float: none; left: 0.0; top: 0.0" alt="Figure 13-10 Enlarging a chart element" /></a></p>
      <div class="fc2_FigCall2Title">
        <b class="Bold">Figure&nbsp;13-10&nbsp;&nbsp;</b><a name="389003">Enlarging a chart element</a></div>
      <div class="N_n1_NumList1_outer" style="margin-left: 0pt">
        <table border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
          <tr style="vertical-align: baseline">
            <td>
              <div class="N_n1_NumList1_inner" style="width: 14.1732283464567pt; white-space: nowrap">
                <span class="zAuto_0023Format">4&nbsp;&nbsp;</span>
              </div>
            </td>
            <td width="100%">
              <div class="N_n1_NumList1_inner"><a name="404373">Choose Preview to show the chart in the previewer again. The chart appears as shown in </a><a href="#468248" title="Enlarge the chart and preview the report">Figure&nbsp;13-11</a>. </div>
            </td>
          </tr>
        </table>
      </div>
      <p class="i2_Image2"><a name="404380"><img class="Default" src="images/CHT_Preview1.png" style="display: inline; float: none; left: 0.0; top: 0.0" alt="Figure 13-11 Previewing chart after enlargement" /></a></p>
      <div class="fc2_FigCall2Title">
        <b class="Bold">Figure&nbsp;13-11&nbsp;&nbsp;</b><a name="468248">Previewing chart after enlargement</a></div>
      <p class="b_Body"><a name="468256">Compare the preview in </a><a href="#468248" title="Enlarge the chart and preview the report">Figure&nbsp;13-11</a> with the preview in <a href="#389011" title="Enlarge the chart and preview the report">Figure&nbsp;13-9</a>.</p>
      <p class="b_Body"><a name="468261">Vintage Cars data is not visible. </a></p>
      <p class="b_Body"><a name="369856">The chart now uses the correct data, but the layout is not very attractive. You need to format the chart to make it visually appealing and to emphasize the points that you want. </a>The remaining procedures in this tutorial help you to modify the chart. Some of the changes that you make include creating a new title, adjusting the data labels, and removing the legend. </p>
    </blockquote>
    <hr align="left" />
    <table align="right" summary="">
      <tr>
        <td class="WebWorks_Company_Name_Bottom">
          <a href="notices.html">(c) Copyright Actuate Corporation 2013</a>
        </td>
      </tr>
    </table>
  </body>
</html>